<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>变量</h1>
    <p>变量是什么？</p>
    <p>变量是容器</p>
    <p>变量的作用</p>
    <p>存储数据</p>
    <p>变量是怎么声明的？</p>
    <h1>变量命名规则</h1>
    <p>关键字不能作为变量名</p>
    <p>变量名必须以字母、下划线、$开头</p>
    <p>变量名不能包含空格</p>
    <p>变量名不能包含特殊字符</p>
    <p>变量名区分大小写</p>
    <p>变量名要有意义</p>
    <p>变量名不能包含中文</p>
    <p>变量名不能包含空格</p>
    <p>变量名不能包含特殊字符</p>
    <p>变量名区分大小写</p>
    <script>
        // 变量是存储数据的容器
        // 变量名：用来存储数据的容器
        // 变量值：存储在变量名中的数据
        // 变量名 = 变量值
        // 变量名：用来存储数据的容器
        // 变量值：存储在变量名中的数据
        // 变量名 = 变量值
        // 变量名：用来存储数据的容器
        // 变量值：存储在变量名中的数据
        // 变量名 = 变量值
        let age = 10
        let name = '张三'
        let $u1 = 'sadly'
        document.write(name)
        document.write($u1)
        
        let sss = `typeof age is ${typeof age}`
        document.write(sss)

    </script>
</body>
</html>